<%= render "navbar"%>

<div class="index_slide">
  
</div>


<div id="index_banner_slide" class="carousel slide index_slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#index_banner_slide" data-slide-to="0" class="active"></li>
    <li data-target="#index_banner_slide" data-slide-to="1"></li>
    <li data-target="#index_banner_slide" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="http://7i7g8l.com1.z0.glb.clouddn.com/e452ee4b4288bb6cd6415467b5ea7d9398e37ab8-69f89e67bf55cf038b585d2ee43e812879bed964.jpg" class="slide" alt="">
    </div>
    <div class="item">
      <img src="http://7i7g8l.com1.z0.glb.clouddn.com/e452ee4b4288bb6cd6415467b5ea7d9398e37ab8-69f89e67bf55cf038b585d2ee43e812879bed964.jpg" class="slide" alt="">
    </div>
    <div class="item">
      <img src="http://7i7g8l.com1.z0.glb.clouddn.com/e452ee4b4288bb6cd6415467b5ea7d9398e37ab8-69f89e67bf55cf038b585d2ee43e812879bed964.jpg" class="slide" alt="">
    </div>
  </div>

  <!-- Controls -->
  <a class="left arrow fa fa-angle-left" href="#index_banner_slide" role="button" data-slide="prev"></a>
  <a class="right arrow fa fa-angle-right" href="#index_banner_slide" role="button" data-slide="next"></a>
</div>

<div class="classify">
  <div class="container">
    <h2 class="title">课程分类</h2>
    <h3 class="title_en">COURSE CLASSIFICATION</h3>
    <div class="row">
      <div class="col-md-6 col-xs-12 left_half">
        <a href="peixun" class="classify_title not_vip">培训课程</a>
        <h4 class="classify_title_en">COURSE CLASSIFICATION</h4>
        <div class="row">
          <% 12.times do |i| %>
          <div class="col-md-2 col-xs-3">
            <a href="#" class="classify_item">
              考研培训训
            </a>
          </div>
          <% end %>
        </div>
      </div>
      <div class="col-md-6 col-xs-12 right_half">
        <a href="/vip" class="classify_title">兴趣课程</a>
        <h4 class="classify_title_en">COURSE CLASSIFICATION</h4>
        <div class="row">
          <% 12.times do |i| %>
          <div class="col-md-2 col-xs-3">
            <a href="#" class="classify_item">
              考研培训
            </a>
          </div>
          <% end %>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="popular">
  <h2 class="title">兴趣热门课程</h2>
  <h2 class="title_en">MEMBERSHIP CARD MOST POPULAR COURSE</h2>
  <p class="desc">兴趣课程中最受大学生欢迎的课程兴趣课程主要针对大学生自我综合素质的提高，以及兴趣爱好的扩展和培养而设定的课程。</p>
  <p class="desc">其中包含健身、瑜伽、摄影、舞蹈、妆容、烘焙、形体、书画等课程</p>
  <div class="container">
    <div class="row popular_row">
      <% 8.times do |i| %>
      <div class="col-md-3 col-xs-6 popular_col">
        <div class="img_block">
          <img src="http://7i7g8l.com1.z0.glb.clouddn.com/24b85df2ef15d719d3b0c6feb19dca5aea42d5b4-2ef43b4922a184f79ea437ee6a6ffbedc070e18d.png" alt="">
          <div class="desc">
            <h4>机构</h4>
            <h4>课程名称</h4>
            <div class="btn">
              <a href="/normal_class">购买一次</a>
              <a href="#">详情</a>
            </div>
          </div>
        </div>
      </div>
      <% end %>
    </div>
  </div>
</div>

<div class="vip_popluar">
  <div class="container">
    
    <h2 class="title">培训热门课程</h2>
    <h2 class="title_en">STUDENTS' POPULAR COURSE</h2>
    <p class="desc">培训课程中最受大学生欢迎的课程。培训课程主要是大学生考证技能类培训课程，其中包括了考研、</p>
    <p class="desc">公务员、雅思托福、会计、留学、小语种、教师资格证、建造师等课程</p>
    <div id="index_vip_slide" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#index_vip_slide" data-slide-to="0" class="active"></li>
        <li data-target="#index_vip_slide" data-slide-to="1"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
        <% i = browser.mobile? ? 2 : 4 %>
        <% i.times do |i| %>
          <div class="class_block">
            <a href="/class_show"><img class="class_img" src="http://7i7g8l.com1.z0.glb.clouddn.com/a9b0210c90f6e8a609d4d7d83cde8077e15a2fab-35507c40afdb707a661bf5c7e071cec564ab3655.png" alt=""></a>
            <div class="class_info clearfix">
              <h4 class="title">钢琴</h4>
              <p class="desc">如果你在西瓜校园如果你在西瓜校园如果如果你在西瓜校园如果你在西瓜校园如果</p>
              <span class="see_desc"><i class="fa fa-user"></i>&nbsp;<span class="num">100</span>人已浏览</span>
              <% unless browser.mobile? %><span class="old_price">原价5000</span><% end %><span class="price"><sup>￥</sup>4500</span>
            </div>
          </div>
        <% end %>
        </div>
        <div class="item">
          <% i.times do |i| %>
          <div class="class_block">
            <a href="/class_show"><img class="class_img" src="http://7i7g8l.com1.z0.glb.clouddn.com/a9b0210c90f6e8a609d4d7d83cde8077e15a2fab-35507c40afdb707a661bf5c7e071cec564ab3655.png" alt=""></a>
            <div class="class_info clearfix">
              <h4 class="title">钢琴</h4>
              <p class="desc">如果你在西瓜校园如果你在西瓜校园如果如果你在西瓜校园如果你在西瓜校园如果</p>
              <span class="see_desc"><i class="fa fa-user"></i>&nbsp;<span class="num">100</span>人已浏览</span>
              <% unless browser.mobile? %><span class="old_price">原价5000</span><% end %><span class="price"><sup>￥</sup>4500</span>
            </div>
          </div>
        <% end %>
        </div>
      </div>

      <!-- Controls -->
      <a class="left arrow fa fa-angle-left" href="#index_vip_slide" role="button" data-slide="prev">
      </a>
      <a class="right arrow fa fa-angle-right" href="#index_vip_slide" role="button" data-slide="next">
      </a>
    </div>
  </div>
</div>

<div class="special container">
  <h2 class="title">优惠活动</h2>
  <h2 class="title_en">SPECIAL OFFER</h2>
  <p class="desc">西瓜校园专为学员推出的各种优惠课程、福利及活动优惠活动主要展示的是机构和西瓜校园为所有学员推出的各种特价课程、</p>
  <p class="desc">教育推广、机构周年庆、培训峰会等活动。</p>
  <div class="row">
    <div class="col-md-6 col-xs-12">
      <div class="special_img">
        <a href="http://xg.7n7b.com/course"><img src="http://7xkxs6.com1.z0.glb.clouddn.com/31F43C75-645D-4954-8325-C79F68BCEBE7.jpg_473" width="488" height="318"></a>
      </div>
      <div class="row">
        <div class="col-xs-2">
          <div class="special_date">
            <div class="day">17</div>
            <div class="month">7月</div>
          </div>
        </div>
        <div class="col-xs-10">
          <div class="special_desc">
            <h4 class="title">宁波高校培训嘉年华</h4>
            <p>宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华</p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-xs-12">
      <div class="special_img">
        <a href="http://xg.7n7b.com/course"><img src="http://7xkxs6.com1.z0.glb.clouddn.com/31F43C75-645D-4954-8325-C79F68BCEBE7.jpg_473" width="488" height="318"></a>
      </div>
      <div class="row">
        <div class="col-xs-2">
          <div class="special_date">
            <div class="day">17</div>
            <div class="month">7月</div>
          </div>
        </div>
        <div class="col-xs-10">
          <div class="special_desc">
            <h4 class="title">宁波高校培训嘉年华</h4>
            <p>宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="cooperation container">
  <h2 class="title">合作机构</h2>
  <h2 class="title_en">CO-OPERATING AGENCY</h2>
  <div id="index_logo_slide" class="carousel slide" data-ride="carousel">
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <div class="row logo_row">
          <% 10.times do |i| %>
            <img src="http://7i7g8l.com1.z0.glb.clouddn.com/bfbe91c66a40c84b0c7ebe90fcd508a8142d2200-ea90133b7e8c58233345b4be99afe93b7c0e10ab.png" alt="">
          <% end %>
        </div>
      </div>
      <div class="item">
        <div class="row logo_row">
          <% 10.times do |i| %>
            <img src="http://7i7g8l.com1.z0.glb.clouddn.com/bfbe91c66a40c84b0c7ebe90fcd508a8142d2200-ea90133b7e8c58233345b4be99afe93b7c0e10ab.png" alt="">
          <% end %>
        </div>
      </div>
    </div>

    <!-- Controls -->
    <a class="left arrow fa fa-angle-left" href="#index_logo_slide" role="button" data-slide="prev"></a>
    <a class="right arrow fa fa-angle-right" href="#index_logo_slide" role="button" data-slide="next"></a>
  </div>
  
</div>

<div class="about">
  <h2 class="title">关于我们</h2>
  <h2 class="title_en">ABOUT US</h2>
  <p class="about_us_desc">
    西瓜校园(xiguaschool.com)，一个专做大学生培训的网站<br>是中国教育领域新兴的教育平台，致力于用互联网的方式来帮助学员<br>找到自己最想要的课程信息，提出想培训就上西瓜校园的理念。<br>提供最便捷，最优质、最专业的教育服务。
  </p> 
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-xs-6 about_item">
        <div class="item_content">
          <span class="icon"><i class="fa fa-envelope"></i></span>
          <h3><a href="/info">培训须知</a></h3>
          <!-- <p>微信: xgschool</p> -->
          <!-- <p>公司地址: 宁波市镇海区中官路1188号G座</p>
          <p>办事处: 宁波工程学院东校区创业基地D8-2</p> -->
          <p>西瓜校园的培训学员请认真阅读</p>
        </div>
      </div>
      <div class="col-md-3 col-xs-6 about_item">
        <div class="item_content">
          <span class="icon"><i class="fa fa-users"></i></span>
          <h3>招聘信息</h3>
          <p>欢迎志同道合之士加入我们共同创造<br>未来!招聘详情请点击<a href="/join_us">这里</a></p>
        </div>
      </div>
      <div class="col-md-3 col-xs-6 about_item">
        <div class="item_content">
          <span class="icon"><i class="fa fa-building"></i></span>
          <h3>机构合作</h3>
          <p>我们正在努力扩大与各类教育培训机构的合作范围，入驻事项请联系客服</p>
        </div>
      </div>
      <div class="col-md-3 col-xs-6 about_item">
        <div class="item_content">
          <span class="icon"><i class="fa fa-phone"></i></span>
          <h3>客服热线</h3>
          <p>0574-55838171</p>
        </div>
      </div>
    </div>
  </div>
  <p class="website">www.xiguaschool.com</p>
</div>
